<%if @cultural_heritage_cultural_heritage.id.blank?%>
  <%@method="create"%>
<%else%>
  <%@method="update"%>
<%end%>
<%= javascript_include_tag "application" %>
<%= form_for @cultural_heritage_cultural_heritage, :url=>{:controller=>"/cultural_heritage/cultural_heritage_properties",:action=>@method},  :html => { :multipart => true,:onsubmit => "return validate(this);"  } do |f| %>
  <% if @cultural_heritage_cultural_heritage.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@cultural_heritage_cultural_heritage.errors.count, "error") %> prohibited this cultural_heritage_cultural_heritage from being saved:</h2>

      <ul>
      <% @cultural_heritage_cultural_heritage.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
  <br />
  <div class="shadow">
  <fieldset id="agrupacion">
    <legend>Datos Básicos</legend>
    <fieldset class="column-left" >
      <div class="field">
        <label>Código de Registro Nacional(*):</label>
          <%= f.text_field :nationalRegistrationCode %>
      </div>
      <div class="field">
        <label>Nombre(*):</label>
          <%= f.text_field :name %>
      </div>
      <div class="field">
        <label>Descripción:</label>
          <%= f.text_area :description %>
      </div>
    </fieldset>
    <fieldset class="column-right"id="agrupacion" >
      <legend>Foto</legend>
      <div <%if @cultural_heritage_cultural_heritage.avatar_file_name.blank? %> style="display:none"<%end%> >
      <%if !@cultural_heritage_cultural_heritage.avatar_file_name.blank? %>
        <p>
            <%cultural_heritage_cultural_heritage_avatar=@cultural_heritage_cultural_heritage%>
            <a href="<%=cultural_heritage_cultural_heritage_avatar.avatar.url%>" rel="lightbox[banners]" title="<%=cultural_heritage_cultural_heritage_avatar.name%>"><img class="thumb" src="<%=cultural_heritage_cultural_heritage_avatar.avatar.url%>"  width="100" height="100" /></a>
        </p>
      <%end%>
      </div>
      <div class="field">
        <%= f.file_field :avatar %>
      </div>
    </fieldset>
  </fieldset>    
  <br />
  <fieldset id="agrupacion">
    <legend>Medidas</legend>
    <fieldset class="column-left">
    <div class="field">
      <label>Alto:</label>
        <%= f.text_field :height %> m
    </div>
    <div class="field">
      <label>Largo:</label>
        <%= f.text_field :long %> m
    </div>
    </fieldset>
    <fieldset class="column-right">
    <div class="field">
      <label>Ancho:</label>
        <%= f.text_field :width %> m
    </div>
    <%#*<div class="field" id="weight" >%>
      <%#*<label>Peso</label><br />%>
        <%#= f.text_field :weight %> 
    <%#*</div>%>
    </fieldset>
  </fieldset>
  <br />
  <fieldset id="agrupacion">
    <legend> Manejo de Estados</legend>
      <div class="field">
        <p><label>Estado de Conservación(*):</label><%= f.select :conservationalState,@conservationalstates.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
      </div>
      <div class="field">
        <p><label>Estado de Integridad(*):</label><%= f.select :integrityState,@integritystates.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
      </div>
  </fieldset>
  <br />
  <fieldset  id="agrupacion">
    <legend> Agrupaciones </legend>
      <fieldset class="column-left">       
        <p><label>Subgrupo(*):</label><%= f.select :subGroup,@subgroups.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
        <input value="2" id="heritage_group" type="hidden" />
        <div id="tipology">        
            <%= render :partial=>"tipology"%>         
        </div>
        <p><label >Tipo de Institucion Cultural(*):</label><%= f.select :typeCulturalInstitution,@culturalinstitutionstypes.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
      </fieldset>
      <fieldset class="column-right">
        <div id="cultu_insti_type">
          <%= render :partial=>"insti_cultu" %>
        </div>
        <div id="period">
          <%= render :partial=>"period" %>
        </div>
        <div id="culture">
          <%= render :partial=>"culture" %>
        </div> 
        <p><label>Estilo:</label><%= f.select :style,@styles.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
      </fieldset>
  </fieldset>
  <br />
  <fieldset id="agrupacion">
    <legend>Autores</legend>
      <p><label>Dueño:</label><%= f.select :owner,@people.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"},{:class => 'combobox'} %> </p>
      <p><label>Autor:</label><%= f.select :author,@people.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"},{:class => 'combobox'}%> </p>
  </fieldset>
  <br />
  <fieldset id="agrupacion">
      <legend>Datos Adicionales</legend>
      <fieldset class="column-right" >
        <p><label>Forma:</label><%= f.select :shape,@shapes.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"} %> </p>
        <div id="technique" <%if @cultural_heritage_cultural_heritage.tipology != 13 %>style="display:none"<%end%>>
          <p><label>Técnica de Pintura:</label><%= f.select :technique,@techniques.collect { |t| [t.name,t.id]}, {:include_blank=>"Seleccione"}  %></p>
        </div>
        <div class="field">
          <label>Tema</label><br />
            <%= f.select :topic,@topics.collect {|t| [t.name,t.id]},{:include_blank=>"Seleccione"} %>
        </div>
      </fieldset>
      <fieldset class="column-left" >
        <div class="field">
          <label>Materiales:</label><br />
            <%= f.text_area :materials %>
        </div>
      </fieldset>
  </fieldset>
  <br />
  <fieldset id="agrupacion">
    <legend>Ubicación</legend>
    <fieldset class="column-left">
    <div class="field">
      <label>Latitud:</label><br />
      <%= f.text_field :latitude %> 
    </div>
    <div class="field">
      <label>Altitud:</label><br />
      <%= f.text_field :longitude %> 
    </div>
    </fieldset>
    <fieldset class="column-right">
    <div class="field">
        <label>Dirección:</label><br />
        <%= f.text_area :address %>
    </div>
    </fieldset>
  </fieldset>
  <br />
  <div class="actions" >
    <%= f.submit "Enviar" %>
  </div>
</div>
<% end %>

<script type="text/javascript">
  // form validation function //
  function validate(form) {
    //input
    var nationalRegistrationCode = form.cultural_heritage_cultural_heritage_nationalRegistrationCode.value;
    var name = form.cultural_heritage_cultural_heritage_name.value;
    var constate = form.cultural_heritage_cultural_heritage_conservationalState.value;
    var intstate = form.cultural_heritage_cultural_heritage_integrityState.value;
    var subGroup = form.cultural_heritage_cultural_heritage_subGroup.value;
    var tipology = form.cultural_heritage_cultural_heritage_tipology.value;
    var typeCulturalInstitution = form.cultural_heritage_cultural_heritage_typeCulturalInstitution.value;
    var culturalinstitution = form.cultural_heritage_cultural_heritage_culturalInstitution.value;
    var period = form.cultural_heritage_cultural_heritage_period.value;
    var culture = form.cultural_heritage_cultural_heritage_culture.value;
    var _height  = form.cultural_heritage_cultural_heritage_height.value;
    var _long  = form.cultural_heritage_cultural_heritage_long.value;
    var _width  = form.cultural_heritage_cultural_heritage_width.value;

    var _latitude  = form.cultural_heritage_cultural_heritage_latitude.value;
    var _longitude  = form.cultural_heritage_cultural_heritage_longitude.value;

    var codeRegex = /^[0-9A-Z]+$/;

    if(nationalRegistrationCode == "") {
      inlineMsg('cultural_heritage_cultural_heritage_nationalRegistrationCode','Debe ingresar un Codigo de Registro Nacional para el Patrimonio Cultural.',3);
      return false;
    }
    if (!nationalRegistrationCode.match(codeRegex)) {
      inlineMsg('cultural_heritage_cultural_heritage_nationalRegistrationCode','Debe de ingresar un Codigo de Registro Nacional válido (Mayusculas y numeros, sin espacios).',3);
      return false;
    }
    if(name == "") {
      inlineMsg('cultural_heritage_cultural_heritage_name','Debe ingresar un nombre para el Patrimonio Cultural.',3);
      return false;
    }
    if(!name.match(nameRegex)) {
      inlineMsg('cultural_heritage_cultural_heritage_name','Debe de ingresar un nombre válido.',3);
      return false;
    }
    if( constate == null || constate == "") {
      inlineMsg('cultural_heritage_cultural_heritage_conservationalState','Debe seleccionar un estado de conservacion para el Patrimonio Cultural.',3);
      return false;
    }
    if( intstate == null || intstate == "") {
      inlineMsg('cultural_heritage_cultural_heritage_integrityState','Debe seleccionar un estado de integridad para el Patrimonio Cultural.',3);
      return false;
    }
    if( subGroup == null || subGroup == "") {
      inlineMsg('cultural_heritage_cultural_heritage_subGroup','Debe seleccionar un sub grupo para el Patrimonio Cultural.',3);
      return false;
    }
    if(tipology == null || tipology == "") {
      inlineMsg('cultural_heritage_cultural_heritage_tipology','Debe seleccionar una tipologia para el Patrimonio Cultural.',3);
      return false;
    }
    if(typeCulturalInstitution == null || typeCulturalInstitution == "" ) {
      inlineMsg('cultural_heritage_cultural_heritage_typeCulturalInstitution','Debe seleccionar un tipo de institucion cultural para el Patrimonio Cultural.',3);
      return false;
    }
    if (culturalinstitution == null || culturalinstitution == "") {
      inlineMsg('cultural_heritage_cultural_heritage_culturalInstitution','Debe seleccionar una institucion cultural para el Patrimonio Cultural.',3);
      return false;
    }
    if( period == null || period == "" ) {
      inlineMsg('cultural_heritage_cultural_heritage_period','Debe seleccionar un periodo para el Patrimonio Cultural.',3);
      return false;
    }
    if (culture == null || culture == "") {
      inlineMsg('cultural_heritage_cultural_heritage_culture','Debe seleccionar una cultura para el Patrimonio Cultural.',3);
      return false;
    }
    if(parseFloat(_height) <= 0) {
     inlineMsg('cultural_heritage_cultural_heritage_height','Debe ingresar una dimensión válida.',3);
     return false;
    }
    if(parseFloat(_long) <= 0) {
     inlineMsg('cultural_heritage_cultural_heritage_long','Debe ingresar una dimensión válida.',3);
     return false;
    }
    if(parseFloat(_width) <= 0) {
     inlineMsg('cultural_heritage_cultural_heritage_width','Debe ingresar una dimensión válida.',3);
     return false;
    }
    if (_latitude.toString().length >0 && _longitude.toString().length <= 0) {
      inlineMsg('cultural_heritage_cultural_heritage_longitude','Debe de ingresar una altitud para considerar la georeferencia.',3);
      return false;
    }
    if (_latitude.toString().length <= 0 && _longitude.toString().length > 0) {
      inlineMsg('cultural_heritage_cultural_heritage_latitude','Debe ingresar una latitud para considerar la georeferencia.',3);
      return false;
    }
    if (_latitude.toString().length >0) {      
      if(!_latitude.match(latlongRegex)) {
        inlineMsg('cultural_heritage_cultural_heritage_latitude','Debe ingresar una latitud con el formato válido.',3);
        return false;
      }
    }
    if (_longitude.toString().length >0) {
      if(!_longitude.match(latlongRegex)) {
        inlineMsg('cultural_heritage_cultural_heritage_longitude','Debe de ingresar una altitud con el formato válido.',3);
        return false;
      }
    }    
  }
</script>